<template>
     <!-- 组件的结构 -->
     <div class="demo">
        <h1>学生姓名：{{name}}</h1>
        <h1>学生年龄：{{age}}</h1>
        <button @click="showName()">点我提示学生姓名</button>
     </div>
</template>

<script>
    //组件交互相关的代码（数据、方法等等）
    export default {
        name:'Student',
        data(){
            return {
                name:'覃小宝',
                age:'22'
            }
        },
        methods:{
            showName(){
                alert(this.name);
            }
        }
    }
</script>

<style>
    /* 组件的样式 */
    .demo{
        background-color: red;
    }
</style>